/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      表格      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-WebTable {
  position: relative;
  display: flex;
  flex-direction: column;

  /* ============================== 0 行 ============================== */
  &-0 {
    min-height: 3rem;
  }

  /* ============================== 分页 ============================== */
  .CoreWeb-TablePage {
    padding-top: 0.2rem;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
  }

  /* ============================== 空数据 ============================== */
  &-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.8rem;
    right: 0.2rem;
    bottom: 0.7rem;
    left: 0.2rem;
    line-height: 0.6rem;
    color: #01cc93;
    pointer-events: none;

    &-full {
      bottom: 0.2rem;
    }

    &::before {
      content: "";
      display: block;
      width: 100%;
      height: 20vh;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-image: url("~@/assets/img/no-data.png");
    }
  }

  /*============================== 原生空白 ==============================*/
  .el-table__empty-block {
    > .el-table__empty-text {
      display: none;
    }
  }

  /*============================== 右固定 ==============================*/
  .el-table__fixed-right-patch {
    border: none;
    background: #565656;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     滚动条     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-WebTable {
  /*============================== 滚动条 ==============================*/
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 17px;
    height: 17px;
  }

  /*============================== 垂直滑块 ==============================*/
  .el-table__body-wrapper::-webkit-scrollbar-thumb:vertical {
    border-radius: 30px;
    background: linear-gradient(
      to right,
      transparent 25%,
      rgba(2, 147, 255, 0.4) 30%,
      rgba(2, 147, 255, 0.4) 70%,
      transparent 75%
    );
  }

  /*============================== 水平滑块 ==============================*/
  .el-table__body-wrapper::-webkit-scrollbar-thumb:horizontal {
    border-radius: 30px;
    background: linear-gradient(
      to bottom,
      transparent 25%,
      rgba(2, 147, 255, 0.4) 30%,
      rgba(2, 147, 255, 0.4) 70%,
      transparent 75%
    );
  }

  /*============================== 滚动槽 ==============================*/
  .el-table__body-wrapper::-webkit-scrollbar-track {
    background: transparent;
  }
}
